<template>
  <div id="app">
    <keep-alive>
      <router-view v-if="$route.name == 'NewsHome'"></router-view>
    </keep-alive>
    <router-view v-if="$route.name != 'NewsHome'"/>
  </div>
</template>

<script>
  import {Indicator} from "mint-ui";
  import api from '@/api/api';
  import {mapActions} from 'vuex'

  export default {
    name: "App",

    // created() {
    //   Indicator.open("加载中...");
    //   setTimeout(function() {
    //     Indicator.close();
    //   }, 2000);
    // }
    created() {
      // ----------------
      //加载微信sdk
      api.getWxJsSdkConfig(this, (res) => {
        let data_res = JSON.parse(res.data.data);
        wx.config({
          debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
          appId: data_res.appId, // 必填，公众号的唯一标识
          timestamp: data_res.timestamp, // 必填，生成签名的时间戳
          nonceStr: data_res.nonceStr, // 必填，生成签名的随机串
          signature: data_res.signature, // 必填，签名
          jsApiList: [
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
            'onMenuShareQZone',
            'onMenuShareWeibo'
          ]
        });

      })
      // ------------------
    },
    mounted() {
      let ph = "http://www.rtaksoft.com:3200/res/form/2c91a36a63d4cc100163dd9bc49e01ee/297eb6155f35043d015f3505adfd0004/2602820180723123528191.jpg";
      let title = ''
      api.getUserInfo(this)
      wx.ready(function () {
        // 分享圈
        wx.onMenuShareTimeline({
          title: '',
          link: '',
          imgUrl: ph,
          success: function () {
            // 用户确认分享后执行的回调函数
            console.log('分享到朋友圈成功');
          },
          cancel: function () {
            // 用户取消分享后执行的回调函数
            alert('您没有分享到朋友圈');
          }
        });
        // 分享人
        wx.onMenuShareAppMessage({
          title: '',
          desc: '乐宾百货欢迎您!',
          link: '',
          imgUrl: ph,
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function (res) {
            console.log('分享成功');
          },
          cancel: function (res) {
            alert('您没有分享');
          },
          fail: function (res) {
            alert(JSON.stringify(res));
          }
        });
        // 分享QQ
        wx.onMenuShareQQ({
          title: '', // 分享标题
          desc: '乐宾百货欢迎您!', // 分享描述
          link: '', // 分享链接
          imgUrl: ph, // 分享图标
          success: function () {
            // 用户确认分享后执行的回调函数
            console.log('QQ成功');
          },
          cancel: function () {
            // 用户取消分享后执行的回调函数
            alert('QQ失败');
          }
        });
        // QQ空间
        wx.onMenuShareQZone({
          title: '', // 分享标题
          desc: '乐宾百货欢迎您!', // 分享描述
          link: '', // 分享链接
          imgUrl: ph, // 分享图标
          success: function () {
            // 用户确认分享后执行的回调函数
          },
          cancel: function () {
            // 用户取消分享后执行的回调函数
          }
        });
        // 腾讯微博
        wx.onMenuShareWeibo({
          title: '', // 分享标题
          desc: '乐宾百货欢迎您!', // 分享描述
          link: '', // 分享链接
          imgUrl: ph, // 分享图标
          success: function () {
            // 用户确认分享后执行的回调函数
          },
          cancel: function () {
            // 用户取消分享后执行的回调函数
          }
        });
      })

      api.getSysConfig(this, res => {
        this.$less.modifyVars({'primary-color': res.data.data.ZSD});
        this.commit_primary_color(res.data.data.ZSD)
      })
    },
    methods: {
      ...mapActions(['commit_primary_color'])
    }

  };
</script>

<style>
  #app {
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* text-align: center; */
    /* color: #2c3e50; */
    /* margin-top: 60px; */
  }

  .mint-msgbox-wrapper .mint-msgbox-input input {
    font-size: 0.3rem !important;
    height: 0.5rem !important;
  }

  .mint-msgbox-wrapper .mint-msgbox-btns .mint-msgbox-confirm, .mint-msgbox-wrapper .mint-msgbox-btns .mint-msgbox-cancel {
    font-size: 0.34rem !important;
  }

  .myTisMask {
    z-index: 3333 !important;
  }
</style>
